import {Navigate, useLocation} from 'react-router-dom';
import { useSelector, useDispatch } from "react-redux";
export default function PrivateRoute(props) {
  const location = useLocation();
  const {children} = props;
  // 拿到判断是否登录的变量
  const token = JSON.parse(sessionStorage.getItem('token'))
  // const isLoggedIn = useSelector((state) => state.user.login); /* 自己 App 的逻辑*/
  return token ? (
    // 如果是登录用户，则可以访问我们传入的 children 组件
    <>{children}</>
  ) : (
    // 未登录用户重定向到 login 页面
    <Navigate
      replace={true}
      to="/login"
      state={{from: `${location.pathname}${location.search}`}}
    />
  );
}
